<template>
    <!-- 每个模版页必须有一个根节点标签 -->
    <div>
        <!-- 这里就是组件页面显示的内容 -->
        <div :inde_id="index" :attr02="attrbute01"></div>
    </div>
</template>
<script>
//引入外部组件
//import menu from ''
export default {
  name: "Model",//定义组件的名称
  components: {//引入外部组件，这里是定义
    Menu,
    scanCodePage
  },
  props:{//定义组件的对外暴露的属性，通过外部调用组件时，向组件内传递参数及对象
    index:int,  //定义属性的名称及数据类型,并在组件内标签上绑定props属性  外部调用方法：<Model index_id="1">
    attrbute01:int,
    dolist:Array  //外部传参是数组
  },
  data() {//定义组件内的属性,组件内属性调用方式使用生命周期关键字this 如：this.age
    return {
      activeIndex: "1",  //定义属性的名称及默认值
      list:[],
      actived:true,
      age:20,
      userInfo:{//可以定义对象类型
        username:"tom",
        rolename:"admin"
      },
      mylist:this.dolist  //调用外部传入的数组，并在本组件内使用
    };
  },
  created(){//组件初始化时创建默认属性
    
  },
  mounted(){//同样也是组件初始化时使用，mounted方法会在页面完全加载后进行DOM相关的操作，如果使用created，有时初始化效果会失效，一般建议初始化使用mounted

  },
  methods: {//定义组件内事件的方法，如果无则不需要填写
    onSubmit(){//定义一个事件和方法
        console.log("定义方法");
        //通过路由跳转指定地址
        this.$router.push("./");
    }
  }
};
</script>
<style scoped>
/* 独立组件的样式，写这里，支持标准的css语法 */
</style>